import { FC } from "react";
import { Routes, Route } from "react-router-dom";

import UseHome from "./pages/home";
import UseEthBack from "./pages/eth-back";
import UseEthERC20 from "./pages/eth-erc20";
import UseDex from "./pages/eth-dex";
import UsdBnbLine from "./pages/bnb-line";

import "./App.css";

const UseApp: FC = () => {
  return (
    <>
      <Routes>
        <Route path="/" element={<UseHome />}></Route>
        <Route path="/eth-back" element={<UseEthBack />}></Route>
        <Route path="/eth-erc20" element={<UseEthERC20 />}></Route>
        <Route path="/eth-dex" element={<UseDex></UseDex>}></Route>
        <Route path="/bnb-line" element={<UsdBnbLine></UsdBnbLine>}></Route>
      </Routes>
    </>
  );
};

export default UseApp;
